<!DOCTYPE html>
<!--suppress ALL-->
<!-- saved from url=(0022)http://www.hasbei.com/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有贝口腔网-互联网综合口腔服务网站</title>
    <meta name="keywords" content="有贝口腔网,口腔网,口腔知识,口腔资讯,口腔问答,口腔诊所,口腔厂家,在线看牙">
    <meta name="description" content="有贝口腔网是一家专注互联网口腔服务网站，为用户提供腔知识,口腔资讯,口腔问答,口腔诊所,诊所入住,口腔厂家,厂家入住,在线看牙等综合服务口腔网站">
    <link rel="stylesheet" href="/css/swiper.min.css">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" th:href="@{/css/commone.css}">
    <link rel="stylesheet" href="/css/commthree.css">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="/css/index.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="/css/index(1).css">

    <script src="/js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="/js/common.js"></script>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/footfixed.js"></script>

    <link rel="stylesheet" href="/css/layer(1).css" id="layuicss-layer">
</head>
<body>
<div class="content">

    <div th:replace="~{/common/hasbei_top::hasbei_top}"></div>


    <div class="content-main">

        <div class="man-info">
            <!--牙齿分类-->
            <div th:replace="common/hasbei_left"></div>
            <!--轮播图-->
            <div class="main-tab-center">

                <div class="swiper-container swiper-container-horizontal" id="case1">
                    <div class="swiper-wrapper"
                         style="transform: translate3d(-1614px, 0px, 0px); transition-duration: 0ms;">
                        <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next"
                             data-swiper-slide-index="2" style="width: 807px;">
                            <a href="/"><img src="/img/877f6bf6562c4c7Sbb9b30d4bdec7c73.jpg"
                                             alt="有贝口腔,爱牙优选,西部口腔展"></a>
                        </div>
                        <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0" style="width: 807px;">
                            <a href="/"><img src="/img/b819a46c0f744bb6af1baffad1518dbb.jpg"
                                             alt="有贝口腔网,口腔健康"></a>
                        </div>
                        <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="width: 807px;">
                            <a href="/"><img src="/img/acf6ecc1553c484e82d8d4a0218be170.jpg"
                                             alt="有贝口腔,爱牙优选,北京丝桐"></a>
                        </div>
                        <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="2" style="width: 807px;">
                            <a href="/"><img src="/img/877f6bf6562c4c7Sbb9b30d4bdec7c73.jpg"
                                             alt="有贝口腔,爱牙优选,西部口腔展"></a>
                        </div>
                        <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev"
                             data-swiper-slide-index="0" style="width: 807px;">
                            <a href="/"><img src="/img/b819a46c0f744bb6af1baffad1518dbb.jpg"
                                             alt="有贝口腔网,口腔健康"></a>
                        </div>
                    </div>
                    <!-- 导航按钮 上一页下一页 -->

                    <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>
                    <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>

                    <!-- 分页器 -->
                    <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span
                            class="swiper-pagination-bullet" tabindex="0" role="button"
                            aria-label="Go to slide 1"></span><span
                            class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button"
                            aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0"
                                                                    role="button" aria-label="Go to slide 3"></span>
                    </div>
                    <!-- 滚动条 -->
                    <!-- <div class="swiper-scrollbar"></div> -->
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                <div class="box-bg-shadow">
                    <div class="main-info-list">
                        <div class="list-item">
                            <ul class="list-item-tab">
                                <script type="text/javascript">
                                    var tabType = 10;
                                    var page = 1;

                                    function clickQueryType(_this,type) {
                                        page = 1;
                                        tabType=type;
                                        $(".list-item-tab li").removeClass("list-item-tab-active");
                                        $(_this).addClass("list-item-tab-active");

                                        $(".load-more").show();
                                        $(".load-more-two").hide();
                                        $(".no-data").hide();
                                        //    10 推荐 20 热榜 30 最新
                                        $.post("/queryLimit?type="+tabType+"&page="+page+"&limit=5",function(data){
                                            $(".load-more").hide();
                                            //如果没有数据了就隐藏
                                            if(data.code==301 || data.code == null){
                                                $(".no-data").show();
                                            }else{
                                                $(".load-more-two").show();
                                                $("#myContent").html(data.data);
                                            }
                                        });
                                    }
                                </script>
                                <li onclick="clickQueryType(this,10)" class="list-item-tab-active">
                                    <a href="javascript:;" target="_self">推荐</a>
                                </li>
                                <li onclick="clickQueryType(this,15)">
                                    <a href="javascript:;" target="_self">热榜</a>
                                </li>
                                <li onclick="clickQueryType(this,20)">
                                    <a href="javascript:;" target="_self">最新</a>
                                </li>
                            </ul>
                        </div>

                        <div id="myContent">
                            <!--咨询八个-->
                            <div class="list-item" th:each="essayt:${zxAppEssayTList}">
                                <!-- 资讯 -->
                                <div class="list-item-content">
                                    <div class="list-item-content-left">
                                        <a target="_blank" th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                            <img th:src="${essayt.getImgPath()}" alt="有贝口腔网">
                                        </a>
                                    </div>
                                    <div class="list-item-content-right">
                                        <div class="list-item-title">
                                            <a target="_blank" th:href="${'/consult_solo/'+essayt.getEssayId()}" th:text="${essayt.getEssayTitle()}"></a>
                                        </div>
                                        <div class="list-item-content-text">
                                            <a target="_blank" th:href="${'/consult_solo/'+essayt.getEssayId()}"
                                               th:text="${essayt.getEssaySynopsis()}"></a>
                                        </div>
                                        <div class="list-item-jilu">
                                            <div class="list-item-infoma-left">
                                                <a target="_blank" th:href="${'/zx/'+essayt.getClassifyId()}"
                                                   class="list-item-type"
                                                   th:text="${essayt.getClassifyT().getClassifyName()}"></a>

                                                <span class="list-item-time"
                                                      th:text="${#dates.format(essayt.getGroundTime(), 'MM-dd HH:mm')}"></span>
                                                <a target="_blank" th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                                    <img src="/icon/icon_Browse.png" alt="有贝口腔网">
                                                    <span class="liulan-text"><span th:text="${essayt.getReadCount()}"></span>阅读</span>
                                                </a>
                                                <a target="_blank" th:href="${'/consult_solo/'+essayt.getEssayId()}" class="item-pinglun-img">
                                                    <img src="/icon/icon_News.png" alt="有贝口腔网">
                                                    <span class="liulan-text"><span th:text="${essayt.getCommentCount()}"></span>评论</span>
                                                </a>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>


                            <!--问题五个-->
                            <div class="list-item" th:each="matter:${qaAppMatterTList}">
                                <!-- 是问题 -->

                                <div class="list-item-title">
                                    <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}" th:text="${matter.getMatterTitle()}"></a>
                                </div>


                                <div class="list-item-content-index" th:if="${matter.getAnswerCount()>0}">
                                    <div class="text-ansower-user">
                                        <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}" class="list-item-infoma-user">
                                            <img th:src="${matter.getReplyUser().getImgPath()}">
                                            <span class="user-name" th:text="${matter.getReplyUser().getUserNickname()}"></span>
                                        </a>
                                        <p class="text-ansower-p">
                                            <!-- <span class="text-ansower-line"></span> -->
                                            <span class="text-ansower-huida">[回答内容]</span>
                                        </p>
                                    </div>
                                    <p class="text-ansower-content">
                                        <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}" th:text="${matter.getAnswerT().getAnswerContent().substring(0, 20)+'...'}">
                                        </a>
                                    </p>
                                </div>


                                <div class="list-item-jilu">
                                    <div class="list-item-jilu-left">
                                        <a target="_blank" th:href="${'/answers_main/'+matter.getClassifyId()}" class="list-item-type"
                                           th:text="${matter.getClassifyT().getClassifyName()}"></a>
                                        <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}" class="list-item-infoma-user">
                                            <img th:src="${matter.getAppUserT().getImgPath()}" alt="有贝口腔网">
                                            <span th:text="${matter.getAppUserT().getUserNickname()}"></span>
                                        </a>
                                        <span class="list-item-time"><span
                                                th:text="${#dates.format(matter.getGroundTime(), 'MM-dd HH:mm')}"></span></span>
                                        <span class="dotted"></span>
                                        <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}"
                                           class="list-item-huida"><span th:text="${matter.getAnswerCount()}"></span>回答</a>
                                        <span class="dotted"></span>
                                        <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}" class="list-item-collation"><span
                                                th:text="${matter.getCollectCount()}"></span>收藏</a>
                                        <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}" class="item-pinglun-img">
                                            <img src="/img/icon_Browse.png" alt="有贝口腔网">
                                            <span class="liulan-text"><span th:text="${matter.getReadCount()}"></span>阅读</span>
                                        </a>
                                    </div>
                                    <div class="list-item-infoma-right">
                                        <a target="_blank" class="link-tomore" th:href="${'/answers_ptl/'+matter.getMatterId()}">邀请你回答</a>
                                    </div>
                                </div>
                            </div>


                        </div>
                        <div class="more-content">
                            <script type="text/javascript">
                                function loadInfo() {
                                    page++;
                                    $(".load-more").show();
                                    $(".load-more-two").hide();
                                    $(".no-data").hide();
                                    $.post("/queryLimit?type="+tabType+"&page="+page+"&limit=5",function(data){
                                        $(".load-more").hide();
                                        //如果没有数据了就隐藏
                                        if(data.code==301 || data.code == null){
                                            $(".no-data").show();
                                        }else{
                                            $(".load-more-two").show();
                                            $("#myContent").append(data.data);
                                        }
                                    });
                                }
                            </script>
                            <div class="load-more" style="display:none;">
                                <img src="/img/load-more.gif" alt="有贝口腔网">
                                <span>加载中</span>
                            </div>
                            <div class="load-more-two load-more-fade" onclick="loadInfo()">点击加载更多</div>
                            <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="aside-left">

                <!--發表文章問題功能-->
                <div th:replace="~{common/tooth_function::tooth_function}"></div>


                <div class="wonderful-top">
                    <div class="wonderful-top-title">图文热搜</div>
                    <div class="wonderful-list">
                        <!--四个图片-->
                        <div class="wonderful-item" th:each="essayt,userStat:${readEssayTS}" th:if="${userStat.index<4}">
                            <a target="_blank" th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                <div class="wonderful-item-img"><img
                                        th:src="${essayt.getImgPath()}">
                                </div>
                                <div class="wonderful-item-text" th:text="${essayt.getEssayTitle()}"></div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">最新创作</div>
                    <!--五个最新创作-->
                    <a target="_blank" th:each="essayt,userStat:${readEssayTS}" th:href="${'/consult_solo/'+essayt.getEssayId()}" >
                        <div class="wonderful-item-line" >
                            <div class="allsee-item-left">
                                <img th:src="${essayt.getImgPath()}">
                            </div>
                            <div class="allsee-item-right" th:text="${essayt.getEssayTitle()}"></div>
                        </div>
                    </a>

                </div>
                <div class="wonderful-top">
                    <div class="wonderful-top-title">
                        <!-- <img src="/static/images/rmd.png" alt="有贝口腔网"> -->
                        <span>推荐问答</span>
                    </div>

                    <div class="wonderful-ansewer-list">

                        <!--推荐问答八个-->

                        <div class="ansewer-list-item" th:each="matter,userStat:${qaAppMatterTList}"
                             th:if="${userStat.index<7}">

                            <span th:class="${userStat.index<3?'pink-bg':''}" th:text="${userStat.index+1}"></span>
                            <div>
                                <a target="_blank" class="ansewer-list-title"
                                   th:href="${'/answers_ptl/'+matter.getMatterId()}" th:text="${matter.getMatterTitle()}"></a>
                                <div class="ansewer-list-info">
                                    <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}">
                                        <!-- <img src="/static/images/Write.png" alt=""> -->
                                        <span class="ansewer-list-info-ansewer"
                                              th:text="${matter.getAnswerCount()>0?'回答':'未答'}"></span>
                                    </a>
                                    <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}">
                                        <span th:text="${matter.getAnswerCount()}"></span>个回答
                                    </a>
                                    <span class="dotted"></span>
                                    <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}">
                                        <span th:text="${matter.getReadCount()}"></span>阅读
                                    </a>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div th:replace="common/hasbei_bottom"></div>


    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</div>


<script src="/js/right-lub.js"></script>
<script src="/js/index.js"></script>
<script src="/js/index(1).js"></script>
<script src="/js/swiper.min.js"></script>
<script src="/js/layer.js"></script>

</body>

</html>